export default {
  name: 'lyBubble',
  html: `
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>
html,body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  }
.lyBubble {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
    overflow: hidden;
}
  canvas{
    width: 100%;
    border: 1px solid #eee;
    padding:1px;
    position: revert !important;
    }
</style>
<body>
  <div class="lyBubble"></div>
  <script type="module">
  let lastyear=window.parent.lastyear;
 const { LyBubble } = lastyear;

 const options = {
 "Document": document,//如果是嵌套在iframe中，需要传入iframe的document,否则忽略不传
  "el": ".lyBubble",//容器
  "size": 30,//泡泡个数
  "BubbleOptions": {
    "fillStyle": "#fefefe",//泡泡背景色(rgba)
    "shadowColor": "#f47983",//阴影颜色(rgba)
    "shadowBlur": 6,//阴影模糊程度
    "shadowOffsetX": 0,//阴影在x轴上的偏移
    "shadowOffsetY": 0,//阴影在y轴上的偏移
  }
}
const lyBubble = new LyBubble(options)
//需要确认容器是否挂载完毕,没有传el容器时,默认挂载到body
  lyBubble.create()
   console.log(lyBubble, '你好+++++');
  </script>
</body>

</html>
`
}